.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt25 { padding-top: 25px; }
.pdt30 { padding-top: 30px; }
.pdt35 { padding-top: 35px; }

.pdr5 { padding-right: 5px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdr25 { padding-right: 25px; }
.pdr30 { padding-right: 30px; }
.pdr35 { padding-right: 35px; }

.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb25 { padding-bottom: 25px; }
.pdb30 { padding-bottom: 30px; }
.pdb35 { padding-bottom: 35px; }

.pdl5 { padding-left: 5px; }
.pdl10 { padding-left: 10px; }
.pdl15 { padding-left: 15px; }
.pdl20 { padding-left: 20px; }
.pdl25 { padding-left: 25px; }
.pdl30 { padding-left: 30px; }
.pdl35 { padding-left: 35px; }

.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt35 { margin-top: 35px; }
.mgt50 { margin-top: 50px; }

.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgr25 { margin-right: 25px; }
.mgr30 { margin-right: 30px; }
.mgr35 { margin-right: 35px; }

.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb35 { margin-bottom: 35px; }

.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 10px; }
.mgl15 { margin-left: 15px; }
.mgl20 { margin-left: 20px; }
.mgl25 { margin-left: 25px; }
.mgl30 { margin-left: 30px; }
.mgl35 { margin-left: 35px; }

.floatL { float: left; }
.floatR { float: right; }

.textalignL { text-align: left; }
.textalignC { text-align: center; }
.textalignR { text-align: right; }

.mga { margin: 0 auto; }

.categorySelect {position:relative; overflow:hidden; display:table; width:98%; padding-bottom:38px; margin-bottom: 15px; margin-top: 15px;}
.categorySelect > a {position:absolute; bottom:0; left:0; width:100%; text-align:center; border:1px solid #adb8bd; background:#fff;}
.categorySelect > a strong {position:relative; display:inline-block; height:36px; padding-right:36px; color:#666; font-size:13px; font-weight:300; line-height:36px;}
.categorySelect > a strong:after {content:''; position:absolute; top:45%; right:15px; width:11px; height:14px; border-width:7px 6px; border-style:solid; border-color:#adb8bd transparent transparent transparent;}
.categorySelect > div {display:table-cell; width:25%; border-top:1px solid #adb8bd; border-right:1px solid #adb8bd; border-bottom:1px solid #adb8bd;}
.categorySelect > div:first-child {border-left:1px solid #adb8bd;}
.categorySelect > div p {overflow:hidden; border-bottom:1px solid #adb8bd; background:#fbfbfb;}
.categorySelect > div p label {margin-left:11px; color:#222;}
.categorySelect > div ul {overflow:hidden; height:160px; padding-bottom:10px;}
.categorySelect > div ul li {overflow:hidden; width:100%; padding:0 11px; color:#666; white-space: normal;overflow-y: auto; }
.categorySelect > div ul li.title {height:44px; color:#222; line-height:44px; border-bottom:1px solid #adb8bd; background:#fbfbfb;}
.categorySelect > div ul li label {margin-left:0;}

.clear {clear: both;}
.hide {display: none;}
template {display:none;}

.image_box1 { clear: both; display: table; }
.image_box1 > div { display: table-cell; width: 140px; }
.image_box1 > div .fileSelector div { width: 140px; }

.btn_updown {position:relative; float:left; overflow:hidden; width:38px; height:38px; text-indent:-9999em; border:1px solid #adb8bd;}
.btn_updown:after {content:''; position:absolute; top:30%; left:35%; width:9px; height:9px; border-right:1px solid #737373; border-bottom:1px solid #737373; transform:rotate(45deg);}
.btn_updown.up {width:37px; border-right:0;}
.btn_updown.up:after {top:45%; transform:rotate(-135deg);}

.jstree div {display: inline-block;}

img.ui-datepicker-trigger { float: left; }

.popWrap {display:none; position:fixed; top:0; left:0; z-index:9000; width:100%; height:100%;}
.popWrap .popupDatail {position:absolute;  top:50%; left:50%; width:800px; height:762px; margin-top:-381px; margin-left:-400px; border:2px solid #222; background:#fff; overflow: auto;}
.popWrap .popupDatail h3 {height:58px; padding-left:25px; color:#fff; font-size:20px; font-weight:400; line-height:58px; background:#222;}
.popWrap .popupDatail > .close {position:absolute; top:18px; right:19px; overflow:hidden; width:24px; height:24px; text-indent:-9999em; transform:rotate(45deg);}
.popWrap .popupDatail > .close:before {content:''; position:absolute; top:0; left:11px; width:2px; height:24px; background:#fff;}
.popWrap .popupDatail > .close:after {content:''; position:absolute; top:11px; left:0; width:24px; height:2px; background:#fff;}
.popWrap .popupDatail > .btnWrap {padding:20px 0;}
.popWrap .popupDatail .datailContent {padding:9px 23px 50px; border-bottom:1px solid #ebf3f7;}
.popWrap .popupDatail .datailContent h4 {height:51px; margin-bottom:50px; color:#222; font-size:18px; line-height:49px; border-bottom:2px solid #00aaf0;}
.popWrap .popupDatail .datailContent > div {overflow:hidden;}
.popWrap .popupDatail .datailContent div div strong {display:block; margin-bottom:5px; color:#f6487a; font-size:15px;}
.popWrap .popupDatail .datailContent div div p {padding-left:10px; color:#666; font-size:13px;}
.popWrap .popupDatail .datailContent div div h5 {position:relative; margin-bottom:60px; padding-top:30px; color:#222; font-size:28px; line-height:30px;}
.popWrap .popupDatail .datailContent div div h5:before {content:''; position:absolute; top:0; left:0; overflow:hidden; height:22px; padding:0 7px; color:#fff; font-size:11px; text-align:center; line-height:22px; border-radius:3px;}
.popWrap .popupDatail .datailContent div div dl {overflow:hidden;}
.popWrap .popupDatail .datailContent div div dl dt {color:#222; font-size:14px; line-height:26px;}
.popWrap .popupDatail .datailContent div div dl dt:before {content:'ㆍ ';}
.popWrap .popupDatail .datailContent div div dl dd {color:#666; font-size:14px; line-height:26px;}
.popWrap .popupDatail .datailContent .btnWrap {padding-top:50px;}
.popWrap .popupDatail .datailContent .btnWrap button {width:232px; color:#fff; border:0;}
.popWrap .popupDatail .datailContent .btnWrap .sample {background:#00aaf0;}
.popWrap .popupDatail .datailContent .btnWrap .add {background:#222;}

.btnBox {padding-top:0px;}
.btnBox button {position:relative; float:left; overflow:hidden; width:38px; height:38px; text-indent:-9999em; border:1px solid #adb8bd;padding:0;}
.btnBox button.up:after, .btnBox button.down:after {content:''; position:absolute; top:30%; left:35%; width:9px; height:9px; border-right:1px solid #737373; border-bottom:1px solid #737373; transform:rotate(45deg);}
.btnBox button.up {width:38px;}
.btnBox button.up:after {top:45%; transform:rotate(-135deg);}
.btnBox button.down {width:38px;margin-right:0;}

#popup_container {position:relative; overflow:hidden; width:100%;}


.prodexhibition {overflow:hidden; display:flex; width:100%; padding-top:20px;}
.prodexhibition > div {flex:2;}
.prodexhibition > div:first-child {flex:1; margin-right:30px;}
.prodexhibition h4 {overflow:hidden; margin-bottom:5px;}
.prodexhibition h4 > div {float:right;}
.prodexhibition h4 > div:first-child {float:left; color:#222; font-size:20px; line-height:38px;}
.prodexhibition h4 strong {float:left; color:#222; font-size:20px; line-height:38px;}
.prodexhibition h4 a {float:left; margin-left:7px;}
.prodexhibition h4 a img {margin-top:5px;}
.prodexhibition h4 button {float:left; overflow:hidden; height:30px; margin-left:4px; padding:0 10px; color:#666; font-size:13px; font-weight:300; line-height:28px; border:1px solid #adb8bd; border-radius:3px;}
.prodexhibition .exhibitionList {overflow:hidden; overflow-y:scroll; height:530px; padding:20px 28px; border:1px solid #cddaeb;}
.prodexhibition h4 button.add {color:#fff; border:0; background:#00aaf0;}
.prodexhibition .exhibitionList ul {position:relative; overflow:hidden;}
.prodexhibition .exhibitionList ul:before {content:''; position:absolute; top:16px; bottom:19px; left:10px; width:1px;  border-left:1px dashed #cfcfcf;}
.prodexhibition .exhibitionList ul ul:before {content:''; top:26px; left:30px;}
.prodexhibition .exhibitionList ul ul ul:before {content:''; top:26px; left:60px;}
.prodexhibition .exhibitionList > ul > li {overflow:hidden;}
.prodexhibition .exhibitionList > ul > li > div {position:relative; overflow:hidden;}
.prodexhibition .exhibitionList ul li > div:before {content:''; position:absolute; bottom:19px; left:10px; width:30px; height:1px;  border-top:1px dashed #cfcfcf;}
.prodexhibition .exhibitionList ul li > div {padding-top:12px;}
.prodexhibition .exhibitionList > ul > li:first-child > div {padding-top:0;}
.prodexhibition .exhibitionList > ul > li > div a {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
.prodexhibition .exhibitionList > ul > li > div a:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
.prodexhibition .exhibitionList > ul > li > div a:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
.prodexhibition .exhibitionList li > div div {position:relative; float:left; width:235px; height:38px; border:1px solid #cddaeb;}
.prodexhibition .exhibitionList li > div label {float:left; margin:9px 13px 0 9px;}
.prodexhibition .exhibitionList li > div span {float:left; padding-left:34px; color:#888; font-size:14px; font-weight:400; line-height:36px; background:url(../images/icon_category_close.png) no-repeat 0 50%;}
.prodexhibition .exhibitionList li.on > div span {background:url(../images/icon_category_open.png) no-repeat 0 50%;}
.prodexhibition .exhibitionList li > div div.on {border:1px solid #737e83;}
.prodexhibition .exhibitionList li > div div.on span {color:#222;}
.prodexhibition .exhibitionList > ul > li > ul > li {overflow:hidden;}
.prodexhibition .exhibitionList > ul > li > ul > li > div {position:relative; overflow:hidden; padding-left:20px;}
.prodexhibition .exhibitionList > ul > li > ul > li > div:before {left:30px; width:30px;}
.prodexhibition .exhibitionList > ul > li > ul > li:first-child > div:before {left:10px; width:50px;}
.prodexhibition .exhibitionList > ul > li > ul > li > div a {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
.prodexhibition .exhibitionList > ul > li > ul > li > div a:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
.prodexhibition .exhibitionList > ul > li > ul > li > div a:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
.prodexhibition .exhibitionList > ul > li > ul > li > div div {position:relative; float:left; width:235px; height:38px; border:1px solid #cddaeb;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li {overflow:hidden;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div {position:relative; overflow:hidden; padding-left:50px;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div:before {left:60px; width:30px;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li:first-child > div:before {left:30px; width:60px;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div a {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div a:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div a:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
.prodexhibition .exhibitionList > ul > li > ul > li > ul > li > div div {position:relative; float:left; width:235px; height:38px; border:1px solid #cddaeb;}
.prodexhibition .btnWrap {padding-top:18px;}
.prodexhibition .btnWrap button {padding:0 15px; margin-left:4px;}
.prodexhibition .btnWrap button:first-child {margin-left:0;}
.prodexhibition .btnWrap div:first-child button {padding:0 10px;}
.prodexhibition .btnWrap a {position:relative; float:left; overflow:hidden; width:38px; height:38px; text-indent:-9999em; border:1px solid #adb8bd;}
.prodexhibition .btnWrap a:after {content:''; position:absolute; top:30%; left:35%; width:9px; height:9px; border-right:1px solid #737373; border-bottom:1px solid #737373; transform:rotate(45deg);}
.prodexhibition .btnWrap a.up {width:37px; border-right:0;}
.prodexhibition .btnWrap a.up:after {top:45%; transform:rotate(-135deg);}
.prodexhibition .exhibitionInfo input {width:70%;}
.prodexhibition .exhibitionInfo .table.style04 table tbody tr td input[type=checkbox] + label {float:left;  width:33%; margin:0;}

.exhibitionSelect {position:relative; overflow:hidden; display:table; width:98%; padding-bottom:38px; margin-bottom: 15px; margin-top: 15px;}
.exhibitionSelect > a {position:absolute; bottom:0; left:0; width:100%; text-align:center; border:1px solid #adb8bd; background:#fff;}
.exhibitionSelect > a strong {position:relative; display:inline-block; height:36px; padding-right:36px; color:#666; font-size:13px; font-weight:300; line-height:36px;}
.exhibitionSelect > a strong:after {content:''; position:absolute; top:45%; right:15px; width:11px; height:14px; border-width:7px 6px; border-style:solid; border-color:#adb8bd transparent transparent transparent;}
.exhibitionSelect > div {display:table-cell; width:25%; border-top:1px solid #adb8bd; border-right:1px solid #adb8bd; border-bottom:1px solid #adb8bd;}
.exhibitionSelect > div:first-child {border-left:1px solid #adb8bd;}
.exhibitionSelect > div p {overflow:hidden; border-bottom:1px solid #adb8bd; background:#fbfbfb;}
.exhibitionSelect > div p label {margin-left:11px; color:#222;}
.exhibitionSelect > div ul {overflow:hidden; height:160px; padding-bottom:10px;}
.exhibitionSelect > div ul li {overflow:hidden; width:100%; padding:0 11px; color:#666; white-space: normal;overflow-y: auto; }
.exhibitionSelect > div ul li.title {height:44px; color:#222; line-height:44px; border-bottom:1px solid #adb8bd; background:#fbfbfb;}
.exhibitionSelect > div ul li label {margin-left:0;}

#exhibitionList ul {position:relative; overflow:hidden;}
#exhibitionList ul:before {content:''; position:absolute; top:16px; bottom:19px; left:10px; width:1px;  border-left:1px dashed #cfcfcf;}
#exhibitionList ul ul:before {content:''; top:30px; left:9px;}
#exhibitionList ul ul ul:before {content:''; top:26px; left:10px;}
#exhibitionList ul ul { margin-left:20px;  overflow: hidden; clear: both;}
#exhibitionList > ul > li {overflow:hidden;}
#exhibitionList > ul > li > div {position:relative; overflow:hidden;}

#exhibitionList  ul  li  div span { padding-left:64px; }
#exhibitionList ul li:before {content:''; position:absolute; top:30px; left:19px; width:23px; height:1px;  border-top:1px dashed #cfcfcf;}
#exhibitionList ul li  {padding-top:12px; position: relative; } 
#exhibitionList > ul > li:first-child {padding-top:0;}
#exhibitionList > ul > li:first-child:before {top:18px;}
#exhibitionList  ul  li >i {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
#exhibitionList  ul  li >i:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
#exhibitionList  ul  li> i:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
#exhibitionList li >a {position:relative;  width:235px; height:38px; padding-left:50px; box-sizing: border-box; border:1px solid #cddaeb;}
#exhibitionList li > div label {float:left; margin:9px 13px 0 9px;}
#exhibitionList li >a { float:left; padding-left:10px; color:#888; font-size:14px; font-weight:400; line-height:36px; background:url(../images/icon_category_close.png) no-repeat 20% 50%;}
#exhibitionList li.jstree-open > a {background:url(../images/icon_category_open.png) no-repeat 20% 50%;}
#exhibitionList li.jstree-open > a {border:1px solid #737e83;}
#exhibitionList li.jstree-open > a{color:#222;}
#exhibitionList > ul > li > ul > li {overflow:hidden;}
#exhibitionList > ul > li > ul > li > div {position:relative; overflow:hidden; padding-left:20px;}
#exhibitionList > ul > li > ul > li > div:before {left:30px; width:30px;}
#exhibitionList > ul > li > ul > li:first-child > div:before {left:10px; width:50px;}
#exhibitionList > ul > li > ul > li > div a {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
#exhibitionList > ul > li > ul > li > div a:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
#exhibitionList > ul > li > ul > li > div a:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
#exhibitionList > ul > li > ul > li > div div {position:relative; float:left; width:235px; height:38px; border:1px solid #cddaeb;}
#exhibitionList > ul > li > ul > li > ul > li {overflow:hidden;}
#exhibitionList > ul > li > ul > li > ul > li > div {position:relative; overflow:hidden; padding-left:50px;}
#exhibitionList > ul > li > ul > li > ul > li > div:before {left:60px; width:30px;}
#exhibitionList > ul > li > ul > li > ul > li:first-child > div:before {left:30px; width:60px;}
#exhibitionList > ul > li > ul > li > ul > li > div a {position:relative; float:left; overflow:hidden; width:20px; height:20px; margin:8px 22px 0 0; text-indent:-9999em; border:1px solid #adb8bd; background:#fff;}
#exhibitionList > ul > li > ul > li > ul > li > div a:before {content:''; position:absolute; top:5px; left:8px; width:2px; height:8px; background:#999;}
#exhibitionList > ul > li > ul > li > ul > li > div a:after {content:''; position:absolute; top:8px; left:5px; width:8px; height:2px; background:#999;}
#exhibitionList > ul > li > ul > li > ul > li > div div {position:relative; float:left; width:235px; height:38px; border:1px solid #cddaeb;}
#exhibitionList .btnWrap {padding-top:18px;}
#exhibitionList .btnWrap button {padding:0 15px; margin-left:4px;}
#exhibitionList .btnWrap button:first-child {margin-left:0;}
#exhibitionList .btnWrap div:first-child button {padding:0 10px;}
#exhibitionList .btnWrap a {position:relative; float:left; overflow:hidden; width:38px; height:38px; text-indent:-9999em; border:1px solid #adb8bd;}
#exhibitionList .btnWrap a:after {content:''; position:absolute; top:30%; left:35%; width:9px; height:9px; border-right:1px solid #737373; border-bottom:1px solid #737373; transform:rotate(45deg);}
#exhibitionList .btnWrap a.up {width:37px; border-right:0;}
#exhibitionList .btnWrap a.up:after {top:45%; transform:rotate(-135deg);}
#exhibitionList .exhibitionInfo input {width:70%;}
#exhibitionList .exhibitionInfo .table.style04 table tbody tr td input[type=checkbox] + label {float:left;  width:33%; margin:0;}

label .productImg { display: inline-block; float: left; width: 38px; height: 38px; border: 1px solid #adb8bd; background: url(../images/@dummy02.png) no-repeat 50% 50%; }

/* border */
.mBoard {border-top:1px solid #e1e9ed !important;}
.line_top {border-top:2px solid #bbb !important;}
.bor_topline {border-top:1px solid #adb8bd !important;}
.bor_line {border:1px solid #222 !important;}
.bd0 {border:0 !important;}
.bor_top_line {border-top:2px solid #00aaf0;}

.popWrap08 {overflow:hidden; position:fixed; top:200px; left:50%; margin-left:-250px; width:500px; background:#fff; overflow:hidden; z-index:30;}
.popWrap08 h3 {position:relative; width:100%;height:58px; padding:10px; color:#fff; font-size:20px; font-weight:400; background:#222;margin-bottom:20px;}
.popWrap08 h3 .close {position:absolute; top:18px; right:19px; overflow:hidden; width:24px; height:24px; text-indent:-9999em; transform:rotate(45deg);}
.popWrap08 h3 .close:before {content:''; position:absolute; top:0; left:11px; width:2px; height:24px; background:#fff;}
.popWrap08 h3 .close:after {content:''; position:absolute; top:11px; left:0; width:24px; height:2px; background:#fff;}
.popWrap08 .Datail01{padding: 0 10px;}
.popWrap08 .btnWrap {background:#e1e9ed; border-top:1px solid #737e83; padding:10px 0 10px 0;}

button.day.on { color: #fff !important; background-color: #00aaf0 !important; }